<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title><?= $event_data['name'] ?></title>
<link rel="dns-prefetch" href="http://res.wx.qq.com">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/plugins/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/plugins/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/themes/global/global.css">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/themes/wechat/vote/style.css">
<script src="__PUBLIC__/plugins/jquery/2.1.3/jquery.min.js"></script>
<script src="__PUBLIC__/plugins/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/js/global.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="__PUBLIC__/js/wechat/vote/index.js"></script>
<script >
var share_data = <?= json_encode($share_data) ?> ;
$(function(){
    Index.init(<?php echo json_encode( $config ) ?>);
});

wx.config({
  debug   : false ,
  appId   : '<?php echo $js_config["appId"]; ?>' ,
  timestamp: <?php echo $js_config["timestamp"]; ?>,
  nonceStr: '<?php echo $js_config["nonceStr"];?>',
  signature: '<?php echo $js_config["signature"];?>',
  jsApiList: [
    'onMenuShareTimeline' ,
    'onMenuShareAppMessage',
    'onMenuShareQQ' ,
    'onMenuShareWeibo'
  ]
});

</script>
</head>

<body>
<div class="container">
  <!-- 背景 -->
  <div class="bg" >
    <img src="<?= U($event_data['bg_img']) ?>" class="img-responsive">
  </div>
  
  <!-- 头 -->
  <div class="header">
    <img src="<?= U($event_data['header_img']) ?>" class="img-responsive">
  </div>
  
  <!-- 规则 -->
  <div class="rule">
    <?= $event_data['rule'] ?>
  </div>
  
  <!-- 报名按钮 -->
  <div class="sign">
    <a href="<?= $config['signin_url'] ?>" class="btn btn-success btn-block" id="signin_btn">我要报名</a>
  </div>
  
  <!-- 搜索框 -->
  <div class="search">
    <div class="row">
      <div class="col-sm-12">
        <div class="input-group">
          <input type="text" class="form-control" id="keyword" placeholder="编号或姓名">
          <span class="input-group-btn">
            <button class="btn btn-primary" type="button" id="search_btn">搜索</button>
          </span>
        </div><!-- /input-group -->
      </div><!-- /.col-lg-6 -->
    </div>
  </div>
  
  <!-- 分类 -->
  <div class="catalog">
    <div class="btn-group" role="group" style="text-align:center">
      <a class="btn btn-primary catalog_item" data-sort="id" href="#">全部</a>
      <a class="btn btn-default catalog_item" data-sort="vote_count" href="#">排行榜</a>
    </div>
  </div>
  
  <!-- 列表 -->
  <div class="player" >
    <div class="row" id="player_list"></div>
    <a href="#" class="btn btn-info btn-block" id="load_more_player_btn">加载更多</a>
  </div>
  
  <!-- 脚 -->
  <div class="footer">
    <img src="<?= U($event_data['footer_img']) ?>" class="img-responsive">
  </div>
  
</div>

</body>
</html>
